<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" th:href="@{/static/center/css/nav.css}">
    <link rel="stylesheet" th:href="@{/static/center/css/body.css}">
    <link rel="stylesheet" th:href="@{/static/center/css/about.css}">
    <style>
        body {
            background: url(/static/center/img/111.jpeg) no-repeat fixed;
        }
    </style>
</head>

<body>
    <nav>
        <div class="navtitle">
            <!-- <strong>我的平台</strong>|个人资料 -->
        </div>
        <a href="/html/home">我的主页</a>
        <a href="/html/about">个人信息</a>
        <a href="/html/blog">我的战绩</a>
        <a href="/html/album">精彩展示</a>
        <a href="/html/benming">本命英雄</a>
        <div class="navanim about"></div>
        <div class="none"></div>
    </nav>
    <div class="mid">
        <div class="headimg">
            <h1>我的领地</h1>
        </div>
        <div class="ab a1">
            <div class="txt">
                <h2>个人简介</h2>
                <p>&emsp;&emsp;计算机科学与技术专业大二学生 </p>
                <p>&emsp;&emsp;喜欢编程、动漫、游戏，希望能够从事前端开发相关职业。</p>
                <p>&emsp;&emsp;平时经常关注王者荣耀所以以此作为自己的前端设计 </p>
            </div>
            <div class="imghid">
                <div class="img">
                    <img th:src="@{/static/center/img/hero/pic-0.png}" style="margin:0px;
                     height: 70px;
                     margin-top: 80px;
                     margin-left: 30px;
                     margin-bottom:5px;">
                    <img th:src="@{/static/center/img/hero/pic-0.png}" style="margin:0px;
height: 70px;
margin-top: 20px;
margin-left: 30px;
margin-bottom:5px;">

                </div>
            </div>
        </div>
        <div class="ab a2">
            <div class="imghid">
                <div class="img">
                    <img th:src="@{/static/center/img/hero/pic-1.png}" style="margin:0px;
                    height: 70px;
                    margin-top: 80px;
                    margin-left: 30px;
                    margin-bottom:5px;">
                    <img th:src="@{/static/center/img/hero/pic-1.png}" style="margin:0px;
                    height: 70px;
                    margin-top: 20px;
                    margin-left: 30px;
                    margin-bottom:5px;">
                </div>
            </div>
            <div class="txt">
                <h2>擅长英雄</h2>
                <p>正直，忠诚，勇猛……是人们给予他的赞美之词。他出身于赵国的贵族家庭，年少从军，就立下了汗马功劳。他的言谈，行为和功绩都无可非议符合高贵军人的楷模标准，被家族和祖国奉为骄傲。</p>
                <p>现在，廉颇已经做好了全部的准备，以热情和勇气来向自己的朋友证明他们信任的价值！也许，还有别的什么值得期待…… 浴血奋战！重量级的人物已经登场。

                </p>
                <p>&emsp;&emsp;</p>
            </div>
        </div>
        <div class="ab a3">
            <div class="txt">

                <h2>英雄语录：&emsp;所谓觉悟，就是在漆黑的荒野上开辟出一条理当前进的光明大道。</h2>
            </div>
            <div class="imghid">
                <div class="img">
                    <img th:src="@{/static/center/img/hero/pic-2.png}" style="margin:0px;
                    height: 70px;
                    margin-top: 80px;
                    margin-left: 30px;
                    margin-bottom:5px;">
                    <img th:src="@{/static/center/img/hero/pic-2.png}" style="margin:0px;
height: 70px;
margin-top: 20px;
margin-left: 30px;
margin-bottom:5px;">
                </div>
            </div>
        </div>

    </div>
    <footer class="foot">
        <p>@2022-2024 | BY:1804533031</p>
        <p>网页解释归腾讯所有</p>
        <p>你热爱的就是你的生活</p>
    </footer>
</body>

</html>